import { useContext } from 'react';
import { LevelContext } from '@/contexts/LevelContext.js';
import style from './Section.module.less'
import classNames from 'classnames'

console.log('style', style);

export default function Section({ children }) {
  const level = useContext(LevelContext);
  return (
    // <section className={style.section}>
    <section className={classNames(style.section, 'bg-white')}>
      <LevelContext value={level + 1}>
        {children}
      </LevelContext>
    </section>
  );
}
